<%--
  Created by IntelliJ IDEA.
  User: Hasee
  Date: 2018/11/26
  Time: 10:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="org.apache.commons.fileupload.*"%>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Traveller</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!--使用cropper插件-->
    <link href="https://cdn.bootcss.com/cropper/3.1.3/cropper.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/htmleaf-demo.css">
    <link rel="stylesheet" href="bootstrap/css/gallery-clean.css">
    <link rel="stylesheet" href="bootstrap/css/fluid-gallery.css">
    <link rel="stylesheet" href="bootstrap/css/gallery-grid.css">
    <link rel="stylesheet" href="bootstrap/css/css/baguetteBox.min.css">
    <link rel="stylesheet" href="bootstrap/css/thumbnail-gallery.css">
</head>
<body>
<jsp:include page="navBar.jsp"/>
<div class="container">
    <div class="row">
        <div class="col-md-1 w-100">
            <div class="col-md-6">
                <form action="UserController" method="post" enctype="multipart/form-data">
                    <a >
                        <img width="100" height="100" src="${image_path}"  title="${image_name}" class="img-circle" alt="头像" id="user-photo" name="icon">
                    </a>
                    <input type="file" name="uploadFile" value="选择图片"/>
                    <input type="submit" class="btn btn-primary" value="上传头像"></input>
                </form>
                <button class="btn btn-primary"  data-toggle="modal" data-target="#logoutModal">退出登录</button>
                <br/>
                <br/>
                <h3 class="align-items-center " name="name" ><%=request.getSession().getAttribute("name")%></h3>
            </div>
            <!--模态框-->
            <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">确认</h4>
                        </div>
                        <div class="modal-body">是否退出登录？</div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary" FORMMETHOD="post" onclick="window.location.href='logout.jsp'">确定</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
        </div>
    </div>
    <div class="py-5">
        <div class="row">
            <div class="col-md-12">
                <h2 class="shadow-sm text-lowercase text-left " style="text-shadow: 0px 0px 4px">我的动态</h2>
            </div>
        </div>
        <hr style="filter: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color="#333333" size="50" />
    </div>
    <div class="container">
        <div class="row">
            <div class="ml-auto p-3 col-md-2 bg-white">
                <img src="bootstrap/images/bridge.jpg" class="img-fluid d-block rounded-circle" width="150px" height="150px">
            </div>
            <div class="p-3 col-md-7 mr-auto bg-white text-dark">
                <div class="blockquote mb-3">
                    <p>"A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring
                        which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot,
                        which was created for the bliss of souls like mine."</p>
                    <div class="blockquote-footer"><b>J. W. Goethe</b>, CEO at Werther Inc.</div>
                </div>
            </div>
        </div>
    </div>
</div>

<<div class="related">
    <br>
    <br>
    <jsp:include page="footer.jsp"/>
</div>
</body>
</html>